<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Unicode字体图标</title>
    <style>
        /* 自定义字体 */
        @font-face {
            font-family: 'iconfont';  /* Project id 4774328 */
            src: url('https://at.alicdn.com/t/c/font_4774328_2j3j1m3eg0m.woff2?t=1733757242338') format('woff2'),
            url('https://at.alicdn.com/t/c/font_4774328_2j3j1m3eg0m.woff?t=1733757242338') format('woff'),
            url('https://at.alicdn.com/t/c/font_4774328_2j3j1m3eg0m.ttf?t=1733757242338') format('truetype');
        }

        .iconfont {
            font-family: "iconfont";
            /* 消除i标签自带的斜体效果 */
            font-style: normal;
        }
        .icon1 {
            font-size: 500px;
            color: red;
        }
        .icon2 {
            font-size: 80px;
            color: green;
        }
    </style>
</head>
<body>
    <!-- 购物车 -->
    <i class="iconfont icon1">&#xe600;</i>
    <!-- 搜索框 -->
    <i class="iconfont icon2">&#xe6e4;</i>
</body>
</html>